:root {
  --color-background: #f7f7f7;
  --color-card-background: #fff;
  --color-border: #e0e0e0;
  --color-primary-text: var(--color-gray-2);
  --color-gray-1: #333;
  --color-gray-2: #666;
  --color-gray-3: #999;
  --color-white: #fff;
  --color-black: #000;
  --color-link: #3078ff;
  --color-selected-color: #197de8;
  --color-yellow-1: #f5a623;
  --color-orange: #ff764a;
  --color-theme: #f02743; // 主题色
  --color-rise: #dd294d; // 上涨
  --color-fall: #06b45f; // 下跌
  --color-disable: #989696;
  --color-danger: #e83835;

  --color-label-primary-bg: #f1f8ff;
  --color-label-primary: var(--color-link);
  --color-label-warning-bg: #fff1f1;
  --color-label-warning: #ff7b7b;
  --color-btn-primary: #2c9bfc;
  --color-text-secondary-1: #666f83;

  // 适配底部安全区
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  // 不支持的浏览器回退为 0px 排除 prettier 的格式化, 故意写成 Px 避免转换为 rem 或 0
  @supports not (padding-bottom: env(safe-area-inset-bottom)) {
    // prettier-ignore
    --safe-area-inset-bottom: 0Px;
  }
}
